$__AUI_INPUT_DATERANGE_SELECTOR: ".#{$aui-ns}-input-daterange";

@mixin aui-form-mixin-input-daterange() {
    .#{$aui-ns}-datepicker {
        .#{$aui-ns}-date__day:not(.disabled) {
            &:hover {
                color: $aui-brand-info;
            }
        }
    }
    &__start {
        display: inline-block;
        vertical-align: middle;
    }
    &__gutter {
        display: inline-block;
        vertical-align: middle;
        padding-left: 10px;
        padding-right: 10px;
        &:after {
            content: "";
            display: block;
            width: 10px;
            height: 1px; 
            background-color: #000000;
        }            
    }
    &__end {
        display: inline-block;
        vertical-align: middle;
    }
}

@mixin aui-form-create-input-daterange($selector: $__AUI_INPUT_DATERANGE_SELECTOR) {
    #{$selector} {
        @include aui-form-mixin-input-daterange();
    }
}

@mixin aui-form-use-input-daterange-selector() {
    #{$__AUI_INPUT_DATERANGE_SELECTOR} {
        @content;
    }
}